﻿@model PuroGame.Web.ViewData.DetalhesViewData
@{
    ViewBag.Title = "Detalhes";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=413618202059708";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div>
<ul class="breadcrumb">
  <li><a href="#">Home</a> <span class="divider">/</span></li>
  <li><a href="#">Jogos</a> <span class="divider">/</span></li>
  <li><a href="#">Super Nintendo</a> <span class="divider">/</span></li>
  <li class="active">Super Mario World</li>
</ul>
</div>
<div class="span13" style="margin-top: 20px; margin-left: 10px; margin-right: 10px">
    <div class="pull-right">
        <ul class="nav nav-list">
            <li><i class="icon-hand-up"></i><div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div></li>
            <li><a href="#"><i class="icon-pencil"></i> Reportar Erro</a></li>
        </ul>
    </div>
    <div class="page-header">
        <h1>@Model.Nome <small>@Model.Sistema</small></h1>
    </div>
    <div class="row-fluid">
        <ul class="thumbnails">
            <li class="span6">
                <div class="media">
                    <a class="pull-left" href="#">
                        <img class="media-object" width="150" src="http://upload.wikimedia.org/wikipedia/pt/0/06/Super-Mario-World.jpg" />
                    </a>
                    <div class="media-body">
                        <h4 class="media-heading">Informações</h4>
                        <p>Lançamento: @Model.DataLancamento</p>
                        <p>Publicador: @Model.Publicador</p>
                        <p>Desenvolvedor: @Model.Desenvolvedor</p>
                    </div>
                </div>
            </li>
            <li class="span6">
                <div>
                    <h4>Dados</h4>
                    <p>Raridade: 5</p>
                    <p>Valor Médio: R$25,00</p>
                    <p>Colecionadores no site: 45</p>
                    <a class="btn btn-mini btn-primary" href="#">Adicionar a coleção</a>
                </div>
            </li>
        </ul>
    </div>
    <div>
        <h4>História</h4>
        <blockquote>
            <p>@Model.Descricao</p>
            <small><a class="btn btn-mini btn-info" href="@Model.FonteUrl" target="_blank">Fonte @Model.Fonte</a></small>
        </blockquote>
    </div>
<div class="row-fluid">
<h4>Screenshots</h4>
<ul class="thumbnails">
    <li class="span3">
    <a href="#" class="thumbnail">
        <img src="@Url.Content("~/images/testes/super-mario-world.10.png")">
    </a>
    </li>
    <li class="span3">
    <a href="#" class="thumbnail">
        <img src="@Url.Content("~/images/testes/super-mario-world.11.png")">
    </a>
    </li>
    <li class="span3">
    <a href="#" class="thumbnail">
        <img src="@Url.Content("~/images/testes/super-mario-world.12.png")">
    </a>
    </li>
    <li class="span3">
    <a href="#" class="thumbnail">
        <img src="@Url.Content("~/images/testes/super-mario-world.6.png")">
    </a>
    </li>
</ul>
</div>
<div class="row-fluid">
<h4>Vídeos</h4>
<ul class="thumbnails">
    <li class="span3">
    <div class="thumbnail">
        <iframe src="http://www.youtube.com/embed/ytelLNmU0eM" frameborder="0" allowfullscreen></iframe>
    </div>
    </li>
</ul>
</div>
</div>


